@section head{
    <link href="~/theme/default/syssetting/sysmenu.index.css" rel="stylesheet" asp-append-version="true" />
}
<div class="zb-func-frame">
    <el-button type="primary" 
               icon="el-icon-refresh" 
               @@click="onQuery"
               size="mini">刷新</el-button>
    <el-button :icon="button.act_icon"
               :key="button.act_no"
               @@click="handleButton(button.act_no)"
               v-for="button in buttons.topOp"
               size="mini">
        <span v-text="button.act_name"></span>
    </el-button>
</div>
<el-table :data="tableData.records"
          height="250"
          border
          class="zb-border-no"
          ref="tblRecords"
          row-key="menu_no"
          style="width: 100%"
          size="mini">
    <el-table-column type="selection"
                     class-name="table-checkbox-th"
                     width="45"
                     align="center"
                     fixed="left">
    </el-table-column>
    <el-table-column type="index"
                     width="50"
                     align="center"
                     title="序号"
                     fixed="left">
    </el-table-column>
    <el-table-column prop="menu_name"
                     label="菜单名称"
                     width="180">
    </el-table-column>
    <el-table-column prop="menu_no"
                     label="菜单编号"
                     width="180">
    </el-table-column>
    <el-table-column prop="menu_icon"
                     label="菜单Icon"
                     width="250"
                     align="left">
        <template slot-scope="scope">
            <span :class="scope.row.menu_icon" style="font-size: 15px"></span> {{scope.row.menu_icon}}
        </template>
    </el-table-column>
    <el-table-column prop="menu_url"
                     label="菜单Url">
    </el-table-column>
    <el-table-column fixed="right"
                     label=" "
                     width="125">
        <template slot-scope="scope">
            <el-button :icon="button.act_icon"
                       :key="button.act_no"
                       @@click="handleButton(button.act_no, scope.row)"
                       v-for="button in buttons.rowOp"
                       circle
                       size="mini">
            </el-button>
        </template>
    </el-table-column>
</el-table>
<zb-edit :options="edit" ref="edit"></zb-edit>
<el-dialog :title="'菜单【'+actionInfo.menuName+'('+actionInfo.menuNo+')】的动作分配'"
           :visible.sync="actionInfo.visible"
           width="625px"
           size="mini">
    <el-transfer v-model="actionInfo.value" 
                 :data="actionInfo.data"
                 :titles="['未分配的动作', '已分配的动作']"></el-transfer>
    <span slot="footer" class="dialog-footer">
        <el-button @@click="actionInfo.visible = false">取 消</el-button>
        <el-button type="primary" @@click="grantActions">确 定</el-button>
    </span>
</el-dialog>
@section script{
    <script src="~/module/common/form.template.js" type="text/babel"></script>
    <script src="~/module/syssetting/sysmenu.index.js" asp-append-version="true" type="text/babel"></script>
}
